import Cookies from 'js-cookie'
import { TOKEN_KEY } from '@/constants/KEY'
import { loginAPI } from '@/api/user'
import { setToken as setAuthToken, getToken as getAuthToken } from '@/utils/auth'

// 获取token的方法
export function getToken() {
  return Cookies.get(TOKEN_KEY)
}

// 这个是设置方法
export function setToken(token) {
  return Cookies.set(TOKEN_KEY, token)
}

// 这个是删除方法
export function removeToken() {
  return Cookies.remove(TOKEN_KEY)
}

export default {
  // 命名空间
  namespaced: true, // 开启命名空间
  state: () => {
    return {
      token: getAuthToken() || '' // 使用导入的 getAuthToken 函数
    }
  },
  mutations: {
    clearUserInfo(state) {
      // 清除Token
      state.token = ''
      removeToken(TOKEN_KEY)
    },
    setToken(state, token) {
      state.token = token
      setAuthToken(token) // 使用导入的 setAuthToken 函数
    }
  },
  actions: {
    async doLogin(ctx, { username, password }) {
      // 1. 调用接口
      const res = await loginAPI({ username, password })
      // 2. 提交mutation
      ctx.commit('setToken', res.data.token)
    }
  }
}
